<template>
    <div>

        <h3>{{ info.title }}</h3>

        <hr>

        <div v-html="info.content" class="content"></div>

    </div>
</template>

<script>
export default {

    data(){

        return{

            info: {}

        }

    },
    created(){

        this.getDesc()

    },

    methods:{

        getDesc(){

             this.$http.get('api/goods/getdesc/' + this.$route.params.id).then(result=>{

                 if(result.body.status === 0){

                    this.info = result.body.message[0]

                 }

             })

        }

    }

   
    
}
</script>

<style lang="scss" scoped>

    h3{

        color: darkblue;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        line-height: 30px;
        margin: 0;
        padding: 0;

    }

    hr{
        margin: 0;
        padding: 0;
    }

    .content{

       /deep/ img{
            width: 100%;
            height: 100%;
        }

    }
    
</style>